<template>
  <div class="asset-list">
    <!-- <div class="asset-list-path">
      <span>资产管理</span> / {{ baseInfo && baseInfo.ownershipName }} /
      {{
        (baseInfo && baseInfo.propertyName) ||
        (propertyinfoStorage && propertyinfoStorage.propertyName)
      }}
    </div> -->
    <div class="asset-list-name" @click="backClick">
      <i class="el-icon-arrow-left"></i>
      <div class="name">
        <span class="line"></span>
        {{ baseInfo && baseInfo.propertyName }}
      </div>
    </div>
    <div class="asset-list-content">
      <div class="content-left">
        <div class="type-list">
          <div
            v-for="(item, index) in baseInfo && baseInfo.propertyTypeList"
            :key="index"
            :class="[
              activeIndex == index ? 'active type-list-item' : 'type-list-item',
            ]"
            @click="itemClick(index, item)"
          >
            <img
              src="../../assets/images/sp.svg"
              :alt="item.propertyTypeName"
              v-if="item.propertyTypeCode === 'property_type_shangpu'"
            />
            <img
              src="../../assets/images/gy.svg"
              :alt="item.propertyTypeName"
              v-else-if="item.propertyTypeCode === 'property_type_gongyu'"
            />
            <img
              src="../../assets/images/bg.svg"
              :alt="item.propertyTypeName"
              v-else-if="item.propertyTypeCode === 'property_type_bangong'"
            />
            <img
              src="../../assets/images/zht.svg"
              :alt="item.propertyTypeName"
              v-else-if="item.propertyTypeCode === 'property_type_zongheti'"
            />
            <img
              src="../../assets/images/gycf.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_gongyechangfang'
              "
            />
            <img
              src="../../assets/images/zwyf.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_zhengwuyongfang'
              "
            />
            <img
              src="../../assets/images/jy.svg"
              :alt="item.propertyTypeName"
              v-else-if="item.propertyTypeCode === 'property_type_wenhuajiaoyu'"
            />
            <img
              src="../../assets/images/ylws.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_yiliaoweisheng'
              "
            />
            <img
              src="../../assets/images/ylyf.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_yanglaoyongfang'
              "
            />
            <img
              src="../../assets/images/slss.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_shuilijichusheshi'
              "
            />
            <img
              src="../../assets/images/hbss.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_huanweisheshi'
              "
            />
            <img
              src="../../assets/images/tcc.svg"
              :alt="item.propertyTypeName"
              v-else-if="item.propertyTypeCode === 'property_type_tingchechang'"
            />
            <img
              src="../../assets/images/tcw.svg"
              :alt="item.propertyTypeName"
              v-else-if="item.propertyTypeCode === 'property_type_chewei'"
            />
            <img
              src="../../assets/images/cqfc.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_chaiqianwccfangchan'
              "
            />
            <img
              src="../../assets/images/cqfc.svg"
              :alt="item.propertyTypeName"
              v-else-if="
                item.propertyTypeCode === 'property_type_shequyongfang'
              "
            />
            {{ item.propertyTypeName }}
          </div>
        </div>
        <div class="left-button" @click="editTypeClick" v-if="permissions.includes('assets:type:view:disabled')">
          <i class="el-icon-edit"></i><span>资产类型维护</span>
        </div>
      </div>
      <div class="content-right">
        <div v-show="!propertyType">
          <div class="content-right-top">
            <div class="content-right-top-left">
              <div class="title">
                <img src="../../assets/images/asset-img1.png" />
                <p>基础信息</p>
                <div class="edit" @click="editBaseInfo">
                  <i class="el-icon-edit"></i><span>编辑</span>
                </div>
              </div>
              <div class="content-right-top-left-info">
                <div class="left-info-left">
                  <div class="left-info-left-item">
                    <p>资产地块编号</p>
                    <p>{{ baseInfo && baseInfo.propertyCode }}</p>
                  </div>
                  <div class="left-info-left-item">
                    <p>资产地块名称</p>
                    <p>{{ baseInfo && baseInfo.propertyName }}</p>
                  </div>
                  <div class="left-info-left-item">
                    <p>产权人</p>
                    <p>
                      {{ baseInfo && baseInfo.propertyOwner }}
                    </p>
                  </div>
                  <div class="left-info-left-item">
                    <p>权属</p>
                    <p style="max-width: 30%">
                      {{ baseInfo && baseInfo.ownershipName }}
                    </p>
                  </div>
                  <div class="left-info-left-item">
                    <p>坐落位置</p>
                    <p class="address-font" style="max-width: 30%">
                      {{ baseInfo && baseInfo.propertyLocation }}
                    </p>
                  </div>
                  <div class="left-info-left-item">
                    <p>所在社区</p>
                    <p>{{ baseInfo && baseInfo.propertyCommunityName }}</p>
                  </div>
                  <div class="left-info-left-item">
                    <p>宗地面积</p>
                    <p v-if="baseInfo && baseInfo.propertyAncestralLandArea">
                      {{ baseInfo && baseInfo.propertyAncestralLandArea }}平方米
                    </p>
                  </div>
                  <div class="left-info-left-item">
                    <p>土地性质</p>
                    <p v-if="baseInfo && baseInfo.landNature == 1">国有出让</p>
                    <p v-else-if="baseInfo && baseInfo.landNature == 2">
                      国有划拨
                    </p>
                    <p v-else-if="baseInfo && baseInfo.landNature == 3">集体</p>
                    <p v-else-if="baseInfo && baseInfo.landNature == 4">其他</p>
                  </div>
                  <div class="left-info-left-item">
                    <p>资产地块权证情况</p>
                    <p
                      v-if="
                        baseInfo &&
                        ((baseInfo.immovablePropertyCertificateAttachList &&
                          baseInfo.immovablePropertyCertificateAttachList
                            .length > 0) ||
                          (baseInfo.houseOwnershipCertificateAttachList &&
                            baseInfo.houseOwnershipCertificateAttachList
                              .length > 0) ||
                          (baseInfo.landCertificateAttachList &&
                            baseInfo.landCertificateAttachList.length > 0))
                      "
                    >
                      <span
                        @click="warrantClick('不动产权证')"
                        v-if="
                          baseInfo &&
                          baseInfo.immovablePropertyCertificateAttachList &&
                          baseInfo.immovablePropertyCertificateAttachList
                            .length > 0
                        "
                        >不动产权证（{{
                          baseInfo &&
                          baseInfo.immovablePropertyCertificateAttachList
                            .length
                        }}个）</span
                      ><span
                        @click="warrantClick('房产证')"
                        v-if="
                          baseInfo &&
                          baseInfo.houseOwnershipCertificateAttachList &&
                          baseInfo.houseOwnershipCertificateAttachList.length >
                            0
                        "
                        >房产证（{{
                          baseInfo &&
                          baseInfo.houseOwnershipCertificateAttachList.length
                        }}个）</span
                      ><span
                        @click="warrantClick('土地证')"
                        v-if="
                          baseInfo &&
                          baseInfo.landCertificateAttachList &&
                          baseInfo.landCertificateAttachList.length > 0
                        "
                        >土地证（{{
                          baseInfo && baseInfo.landCertificateAttachList.length
                        }}个）</span
                      >
                    </p>
                    <p v-else style="color: #5b5b5b; text-decoration: none">
                      暂无
                    </p>
                  </div>
                </div>
                <div class="left-info-right">
                  <img
                    :src="
                      baseInfo &&
                      baseInfo.realisticPictureAttachList &&
                      baseInfo.realisticPictureAttachList.length &&
                      baseInfo.realisticPictureAttachList[0].attUrl
                    "
                  />
                </div>
              </div>
            </div>
            <div class="content-right-top-right">
              <div class="title">
                <img src="../../assets/images/asset-img2.png" />
                <p>地图展示</p>
              </div>

              <div
                id="mapDiv"
                style="width: 90%; height: 280px; margin: 0 auto"
              ></div>
              <div class="input-card" style="width: auto">
                <div class="input-item">
                  <button
                    @click="rmLayer"
                    :class="lzshow ? 'btnActive btn' : 'btn'"
                  >
                    路政地图
                  </button>
                  <button
                    @click="addLayer"
                    style="margin-right: 10px"
                    :class="wxshow ? 'btnActive btn' : 'btn'"
                  >
                    卫星地图
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="content-right-bottom">
            <div class="content-right-bottom-left">
              <div class="title">
                <img src="../../assets/images/asset-img3.png" />
                <p>资产构成统计</p>
              </div>
              <div
                ref="piechart"
                class="chart"
                style="width: 100%; height: 85%; margin-top: -30px"
              />
            </div>
            <div class="content-right-bottom-middle">
              <div class="title">
                <img src="../../assets/images/asset-img4.png" />
                <p>智能提醒</p>
              </div>
              <div class="content-right-bottom-middle-info">
                <p class="middle-info-title">租赁协议智能提醒</p>
                <div class="middle-info-data">
                  <dl @click="leaseRemindClick(2)">
                    <dt>
                      {{
                        detailLeaseRemindObj &&
                        detailLeaseRemindObj.leaseRemindNum
                      }}
                    </dt>
                    <dd>提醒</dd>
                  </dl>
                  <dl @click="leaseRemindClick(1)">
                    <dt>
                      {{
                        detailLeaseRemindObj &&
                        detailLeaseRemindObj.leaseUrgencyNum
                      }}
                    </dt>
                    <dd>紧急</dd>
                  </dl>
                  <dl @click="leaseRemindClick(0)">
                    <dt>
                      {{
                        detailLeaseRemindObj &&
                        detailLeaseRemindObj.leaseOverdueNum
                      }}
                    </dt>
                    <dd>超期</dd>
                  </dl>
                </div>
                <p class="middle-info-title">租金缴纳智能提醒</p>
                <div class="middle-info-data">
                  <dl @click="leaseRentRemindClick(2)">
                    <dt>
                      {{
                        detailLeaseRemindObj &&
                        detailLeaseRemindObj.leaseRentRemindNum
                      }}
                    </dt>
                    <dd>提醒</dd>
                  </dl>
                  <dl @click="leaseRentRemindClick(1)">
                    <dt>
                      {{
                        detailLeaseRemindObj &&
                        detailLeaseRemindObj.leaseRentUrgencyNum
                      }}
                    </dt>
                    <dd>紧急</dd>
                  </dl>
                  <dl @click="leaseRentRemindClick(0)">
                    <dt>
                      {{
                        detailLeaseRemindObj &&
                        detailLeaseRemindObj.leaseRentOverdueNum
                      }}
                    </dt>
                    <dd>超期</dd>
                  </dl>
                </div>
              </div>
            </div>
            <div class="content-right-bottom-right">
              <div class="title">
                <img src="../../assets/images/asset-img5.png" />
                <p>存在问题及下一步打算</p>
                <div class="edit" @click="editNextPlanClick" v-if="permissions.includes('edit:step:disabled')">
                  <i class="el-icon-edit"></i><span>编辑</span>
                </div>
              </div>
              <div class="content-right-bottom-right-info">
                {{ baseInfo && baseInfo.existProblem }}
              </div>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_shangpu'">
          <!-- <div
            class="content-right-sp"
            v-if="propertyType == 'property_type_shangpu'"
          >
            <div class="title">
              <img src="../../assets/images/asset-img3.png" />
              <p>商铺统计信息</p>
            </div>
            <div class="sp-statistics-info">
              <div class="sp-statistics-info-item">
                <div class="item-title">使用情况占比</div>
                <div
                  ref="spPiechart"
                  class="chart"
                  style="width: 100%; height: 85%; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">评估价格金额波动情况</div>
                <div
                  ref="spLinechart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">租金水平统计</div>
                <div
                  ref="spzhexianchart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
            </div>
          </div> -->
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>商铺-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_shangpu')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="12">
                  资产介绍：
                  {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>商铺列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('sp')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加商铺</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
                <p class="area" style="margin-left: 15px">
                  单元数：{{ buildingNumTotal }}个
                </p>
              </div>
              <div class="right-sp-content-right">
                <el-switch
                  v-model="status"
                  active-color="#0052D9"
                  inactive-color="#DCDFE6"
                  inactive-text="仅展示灭失档案"
                  @change="switchChange('property_type_shangpu')"
                >
                </el-switch>
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/门牌号"
                  class="input"
                  @blur="inputBlur('property_type_shangpu')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="spTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="doorCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.doorCode">{{
                      scope.row.doorCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column label="权证情况" width="120" align="center">
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="checkHandleClick(scope.row, 'sp')"
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_shangpu')"
                      @onConfirm="editorFn(scope.row, 'property_type_shangpu')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider
                      direction="vertical"
                      v-if="permissions.includes('assets:unit:delete:disabled')&&scope.row.archivingStatus === 0"
                    ></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="deleteFn(scope.row, 'property_type_shangpu')"
                      @onConfirm="deleteFn(scope.row, 'property_type_shangpu')"
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_gongyu'">
          <!-- <div
            class="content-right-sp"
            v-if="propertyType == 'property_type_gongyu'"
          >
            <div class="title">
              <img src="../../assets/images/asset-img3.png" />
              <p>公寓统计信息</p>
              <div
                style="
                  display: flex;
                  align-items: center;
                  margin-left: 25px;
                  font-size: 14px;
                "
              ></div>
            </div>
            <div class="sp-statistics-info">
              <div class="sp-statistics-info-item">
                <div class="item-title">使用情况占比</div>
                <div
                  ref="categoryStackchart"
                  class="chart"
                  style="width: 90%; height: 90%"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">评估价格金额波动情况</div>
                <div
                  ref="spLinechart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">租金水平统计</div>
                <div
                  ref="spzhexianchart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
            </div>
          </div> -->
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>公寓-招商信息</p>
              <div class="edit" @click="ediScerenClick('property_type_gongyu')"  v-if="permissions.includes('attract:unit:edit:disabled')">
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>公寓列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('gy')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加公寓</span>
                </div>
                <p class="area">总间数：{{ buildingAreaTotal }}间</p>
              </div>
              <div class="right-sp-content-right">
                <el-switch
                  v-model="status"
                  active-color="#0052D9"
                  inactive-color="#DCDFE6"
                  inactive-text="仅展示灭失档案"
                  @change="switchChange('property_type_gongyu')"
                >
                </el-switch>
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_gongyu')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="gyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <!-- <el-table-column
                  prop="suiteNum"
                  label="套件总数"
                  width="80"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="suiteType"
                  label="套型分类"
                  align="center"
                ></el-table-column> -->
                <el-table-column label="权证情况" width="120" align="center">
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>

                <el-table-column
                  prop="suiteTotal"
                  label="总间数"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeSuiteTotal"
                  label="空置间数"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageSuiteTotal"
                  label="已使用间数"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseSuiteTotal"
                  label="已租赁间数"
                  width="150"
                  align="center"
                ></el-table-column>

                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="checkHandleClick(scope.row, 'gy')"
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_gongyu')"
                      @onConfirm="editorFn(scope.row, 'property_type_gongyu')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')&&scope.row.archivingStatus === 0"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="deleteFn(scope.row, 'property_type_gongyu')"
                      @onConfirm="deleteFn(scope.row, 'property_type_gongyu')"
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_bangong'">
          <!-- <div
            class="content-right-sp"
            v-if="propertyType == 'property_type_bangong'"
          >
            <div class="title">
              <img src="../../assets/images/asset-img3.png" />
              <p>办公统计信息</p>
            </div>
            <div class="sp-statistics-info">
              <div class="sp-statistics-info-item">
                <div class="item-title">使用情况占比</div>
                <div
                  ref="spPiechart"
                  class="chart"
                  style="width: 100%; height: 85%; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">评估价格金额波动情况</div>
                <div
                  ref="spLinechart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">租金水平统计</div>
                <div
                  ref="spzhexianchart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
            </div>
          </div> -->
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>办公-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_bangong')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>办公列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('bg')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加办公</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-switch
                  v-model="status"
                  active-color="#0052D9"
                  inactive-color="#DCDFE6"
                  inactive-text="仅展示灭失档案"
                  @change="switchChange('property_type_bangong')"
                >
                </el-switch>
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_bangong')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="bgTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>

                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="checkHandleClick(scope.row, 'bg')"
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_bangong')"
                      @onConfirm="editorFn(scope.row, 'property_type_bangong')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider
                      direction="vertical"
                      v-if="permissions.includes('assets:unit:delete:disabled')&&scope.row.archivingStatus === 0"
                    ></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="deleteFn(scope.row, 'property_type_bangong')"
                      @onConfirm="deleteFn(scope.row, 'property_type_bangong')"
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_zongheti'">
          <!-- <div
            class="content-right-sp"
            v-if="propertyType == 'property_type_zongheti'"
          >
            <div class="title">
              <img src="../../assets/images/asset-img3.png" />
              <p>综合体统计信息</p>
            </div>
            <div class="sp-statistics-info">
              <div class="sp-statistics-info-item">
                <div class="item-title">使用情况占比</div>
                <div
                  ref="spPiechart"
                  class="chart"
                  style="width: 100%; height: 85%; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">评估价格金额波动情况</div>
                <div
                  ref="spLinechart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">租金水平统计</div>
                <div
                  ref="spzhexianchart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
            </div>
          </div> -->
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>综合体-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_zongheti')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>综合体列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('zht')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加综合体</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-switch
                  v-model="status"
                  active-color="#0052D9"
                  inactive-color="#DCDFE6"
                  inactive-text="仅展示灭失档案"
                  @change="switchChange('property_type_zongheti')"
                >
                </el-switch>
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_zongheti')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="zhtTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>

                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="checkHandleClick(scope.row, 'zht')"
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_zongheti')"
                      @onConfirm="editorFn(scope.row, 'property_type_zongheti')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider
                      direction="vertical"
                      v-if="permissions.includes('assets:unit:delete:disabled')&&scope.row.archivingStatus === 0"
                    ></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="deleteFn(scope.row, 'property_type_zongheti')"
                      @onConfirm="deleteFn(scope.row, 'property_type_zongheti')"
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_gongyechangfang'">
          <!-- <div
            class="content-right-sp"
            v-if="propertyType == 'property_type_gongyechangfang'"
          >
            <div class="title">
              <img src="../../assets/images/asset-img3.png" />
              <p>工业厂房统计信息</p>
            </div>
            <div class="sp-statistics-info">
              <div class="sp-statistics-info-item">
                <div class="item-title">使用情况占比</div>
                <div
                  ref="spPiechart"
                  class="chart"
                  style="width: 100%; height: 85%; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">评估价格金额波动情况</div>
                <div
                  ref="spLinechart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
              <div class="sp-statistics-info-item">
                <div class="item-title">租金水平统计</div>
                <div
                  ref="spzhexianchart"
                  class="chart"
                  style="width: 100%; height: 25vh; margin-top: -10px"
                />
              </div>
            </div>
          </div> -->
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>工业厂房-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_gongyechangfang')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>工业厂房列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('gycf')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加工业厂房</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-switch
                  v-model="status"
                  active-color="#0052D9"
                  inactive-color="#DCDFE6"
                  inactive-text="仅展示灭失档案"
                  @change="switchChange('property_type_gongyechangfang')"
                >
                </el-switch>
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_gongyechangfang')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="gycfTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>

                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <!-- 
                  <template slot-scope="scope">
              <span
                style="color: #0064c8; cursor: pointer"
                @click="seeHandleClick(scope.row)"
                >查看</span
              >
              <el-divider direction="vertical"></el-divider>
              <span
                style="color: #0064c8; cursor: pointer"
                @click="editHandleClick(scope.row)"
                >编辑</span
              >
              <el-divider direction="vertical"></el-divider>
              <el-popconfirm
                title="是否删除当前租户信息？"
                @confirm="deleteHandleClick(scope.row)"
                @onConfirm="deleteHandleClick(scope.row)"
              >
                <span style="color: #f56c6c; cursor: pointer" slot="reference"
                  >删除</span
                >
              </el-popconfirm>
            </template> -->

                  <template slot-scope="scope">
                    <el-button
                      @click="checkHandleClick(scope.row, 'gycf')"
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="
                        editorFn(scope.row, 'property_type_gongyechangfang')
                      "
                      @onConfirm="
                        editorFn(scope.row, 'property_type_gongyechangfang')
                      "
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <!-- <span class="line" v-if="scope.row.archivingStatus === 0"
                      >|</span
                    > -->
                    <el-divider
                      direction="vertical"
                      v-if="permissions.includes('assets:unit:delete:disabled')&&scope.row.archivingStatus === 0"
                    ></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_gongyechangfang')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_gongyechangfang')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>

        <div v-show="propertyType == 'property_type_zhengwuyongfang'">
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>政务用房-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_zhengwuyongfang')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>政务用房列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加政务用房</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_zhengwuyongfang')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_zhengwuyongfang'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_zhengwuyongfang')"
                      @onConfirm="editorFn(scope.row, 'property_type_zhengwuyongfang')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_zhengwuyongfang')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_zhengwuyongfang')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>

        <div v-show="propertyType == 'property_type_wenhuajiaoyu'">
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>文化教育-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_wenhuajiaoyu')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>文化教育列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加文化教育</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_wenhuajiaoyu')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <!-- <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>

                <el-table-column
                  prop="freeAreaTotal"
                  label="证载面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column> -->
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_wenhuajiaoyu'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_wenhuajiaoyu')"
                      @onConfirm="editorFn(scope.row, 'property_type_wenhuajiaoyu')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_wenhuajiaoyu')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_wenhuajiaoyu')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>

        <div v-show="propertyType == 'property_type_yiliaoweisheng'">
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>医疗卫生-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_yiliaoweisheng')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>医疗卫生列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')"  v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加医疗卫生</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_yiliaoweisheng')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_yiliaoweisheng'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_yiliaoweisheng')"
                      @onConfirm="editorFn(scope.row, 'property_type_yiliaoweisheng')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_yiliaoweisheng')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_yiliaoweisheng')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>

        <div v-show="propertyType == 'property_type_yanglaoyongfang'">
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>养老用房-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_yanglaoyongfang')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>养老用房列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')" v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加养老用房</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_yanglaoyongfang')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_yanglaoyongfang'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_yanglaoyongfang')"
                      @onConfirm="editorFn(scope.row, 'property_type_yanglaoyongfang')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_yanglaoyongfang')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_yanglaoyongfang')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>

        <div v-show="propertyType == 'property_type_shequyongfang'">
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>社区用房-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_shequyongfang')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>社区用房列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')" v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加社区用房</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_shequyongfang')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_shequyongfang'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_shequyongfang')"
                      @onConfirm="editorFn(scope.row, 'property_type_shequyongfang')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_shequyongfang')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_shequyongfang')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>

        <div v-show="propertyType == 'property_type_shuilijichusheshi'">
          <div class="content-right-sp" v-if="leaseFlag === 1">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>水利基础设施-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_shuilijichusheshi')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>水利基础设施列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')" v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加水利基础设施</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_shuilijichusheshi')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_shuilijichusheshi'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_shuilijichusheshi')"
                      @onConfirm="editorFn(scope.row, 'property_type_shuilijichusheshi')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_shuilijichusheshi')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_shuilijichusheshi')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>

        <div v-show="propertyType == 'property_type_huanweisheshi'">
          <div class="content-right-sp" v-if="leaseFlag === 1">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>环卫设施-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_huanweisheshi')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>环卫设施列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')" v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加环卫设施</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_huanweisheshi')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_huanweisheshi'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_huanweisheshi')"
                      @onConfirm="editorFn(scope.row, 'property_type_huanweisheshi')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_huanweisheshi')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_huanweisheshi')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_chaiqianwccfangchan'">
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>拆迁（未拆除）房产-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_chaiqianwccfangchan')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>拆迁（未拆除）房产列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')" v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加拆迁（未拆除）房产</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-switch
                  v-model="status"
                  active-color="#0052D9"
                  inactive-color="#DCDFE6"
                  inactive-text="仅展示灭失档案"
                  @change="switchChange('property_type_chaiqianwccfangchan')"
                >
                </el-switch>
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号/栋号"
                  class="input"
                  @blur="inputBlur('property_type_chaiqianwccfangchan')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  width="100"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_chaiqianwccfangchan'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="
                        editorFn(scope.row, 'property_type_chaiqianwccfangchan')
                      "
                      @onConfirm="
                        editorFn(scope.row, 'property_type_chaiqianwccfangchan')
                      "
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider
                      direction="vertical"
                      v-if="permissions.includes('assets:unit:delete:disabled')&&scope.row.archivingStatus === 0"
                    ></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_chaiqianwccfangchan')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_chaiqianwccfangchan')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_tingchechang'">
          <div class="content-right-sp" v-if="leaseFlag === 1">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>停车场-招商信息</p>
              <div
                class="edit"
                @click="ediScerenClick('property_type_tingchechang')"
                v-if="permissions.includes('attract:unit:edit:disabled')"
              >
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>停车场列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')" v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加停车场</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号"
                  class="input"
                  @blur="inputBlur('property_type_tingchechang')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="parkingSpotNum"
                  label="车位（个）"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_tingchechang'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_tingchechang')"
                      @onConfirm="editorFn(scope.row, 'property_type_tingchechang')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="
                        deleteFn(scope.row, 'property_type_tingchechang')
                      "
                      @onConfirm="
                        deleteFn(scope.row, 'property_type_tingchechang')
                      "
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
        <div v-show="propertyType == 'property_type_chewei'">
          <div class="content-right-sp" v-if="leaseFlag === 1">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>车位-招商信息</p>
              <div class="edit" @click="ediScerenClick('property_type_chewei')"  v-if="permissions.includes('attract:unit:edit:disabled')">
                <i class="el-icon-edit"></i><span>维护</span>
              </div>
            </div>
            <div class="screen-info">
              <el-row class="screen-info-item">
                <el-col :span="5"
                  >招商联系人：{{
                    curScreenInfo && curScreenInfo.ptypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >招商联系方式：{{
                    curScreenInfo && curScreenInfo.ptypeInvestPhone
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系人：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestName
                  }}</el-col
                >
                <el-col :span="5"
                  >其他招商联系方式：{{
                    curScreenInfo && curScreenInfo.otherPtypeInvestPhone
                  }}</el-col
                >
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="20" class="remark">
                  <p>资产介绍：</p>
                  <p>
                    {{ curScreenInfo && curScreenInfo.ptypeIntro }}
                  </p>
                </el-col>
              </el-row>
              <el-row class="screen-info-item">
                <el-col :span="18" class="photo-info">
                  <p>现场照片：</p>
                  <div class="photos">
                    <img
                      :src="item.attUrl"
                      v-for="(item, index) in curScreenInfo &&
                      curScreenInfo.imageAttachList"
                      :key="index"
                    />
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="content-right-sp">
            <div class="title">
              <img src="../../assets/images/asset-img6.png" />
              <p>车位列表</p>
            </div>
            <div class="right-sp-content">
              <div class="right-sp-content-left">
                <div class="right-sp-btn" @click="addSpClick('feijy')" v-if="permissions.includes('delete:unit:add:disabled')">
                  <i class="el-icon-plus"></i>
                  <span>添加车位</span>
                </div>
                <p class="area">总建筑面积：{{ buildingAreaTotal }}㎡</p>
              </div>
              <div class="right-sp-content-right">
                <el-input
                  v-model="searchValue"
                  placeholder="搜索编号"
                  class="input"
                  @blur="inputBlur('property_type_chewei')"
                />
              </div>
            </div>
            <div class="content-table">
              <el-table
                ref="multipleTable"
                v-loading="loading"
                :data="feijyTableData"
                tooltip-effect="dark"
                class="table-info"
                style="width: 97%; margin: 0 auto"
              >
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{
                    (form.pageNum - 1) * form.pageSize + scope.$index + 1
                  }}</template>
                </el-table-column>
                <el-table-column
                  prop="propertyUnitCode"
                  label="编号"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="parkingSpotNum"
                  label="车位（个）"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="manageDeptName"
                  label="管理单位"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="propertyWarrantState"
                  label="权证情况"
                  width="120"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span
                      v-if="scope.row.propertyWarrantState == 0"
                      style="color: #f00"
                      >无两证</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 1"
                      style="color: #04ac58"
                      >两证齐全</span
                    >
                    <span
                      v-else-if="scope.row.propertyWarrantState == 2"
                      style="color: #f1902b"
                      >两证不齐</span
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="freeAreaTotal"
                  label="空置面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="usageAreaTotal"
                  label="已使用面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="leaseAreaTotal"
                  label="已租赁面积（㎡）"
                  width="150"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="
                        checkHandleClick(
                          scope.row,
                          'feijy',
                          'property_type_chewei'
                        )
                      "
                      type="text"
                      size="small"
                      class="check"
                      v-if="permissions.includes('assets:unit:view:disabled')"
                      >查看</el-button
                    >
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:meishi:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否灭失当前资产信息？"
                      @confirm="editorFn(scope.row, 'property_type_chewei')"
                      @onConfirm="editorFn(scope.row, 'property_type_chewei')"
                      v-if="permissions.includes('assets:unit:meishi:disabled')&&scope.row.archivingStatus === 0"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >灭失</el-button
                      >
                    </el-popconfirm>
                    <el-divider direction="vertical" v-if="permissions.includes('assets:unit:delete:disabled')"></el-divider>
                    <el-popconfirm
                      title="是否删除当前资产信息？"
                      @confirm="deleteFn(scope.row, 'property_type_chewei')"
                      @onConfirm="deleteFn(scope.row, 'property_type_chewei')"
                      v-if="permissions.includes('assets:unit:delete:disabled')"
                    >
                      <el-button
                        slot="reference"
                        type="text"
                        size="small"
                        class="delete"
                        >删除</el-button
                      >
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 编辑类型 -->
    <el-dialog
      title="资产类型维护"
      :visible.sync="typeDialogVisible"
      width="35%"
    >
      <div class="type-content">
        <tr>
          <th>资产类型</th>
          <th>管理部门</th>
        </tr>
        <tr v-for="(item, index) in propertyTypeList" :key="index">
          <td>
            <el-cascader
              v-model="item.propertyTypeCode"
              :options="assetTypeList"
              :show-all-levels="false"
              style="width: 90%"
              clearable
              filterable
              @change="cascaderChange($event, index)"
              v-if="item.propertyTypeId"
              disabled
            ></el-cascader>

            <el-cascader
              v-model="item.propertyTypeCode"
              :options="assetTypeList"
              :show-all-levels="false"
              style="width: 90%"
              clearable
              filterable
              @change="cascaderChange($event, index)"
              v-else
            ></el-cascader>
          </td>
          <td>
            <el-cascader
              v-model="item.manageDeptId"
              :options="deptsList"
              :show-all-levels="false"
              style="width: 90%"
              clearable
              filterable
              :disabled="!permissions.includes('depart:edit:disabled')"
            >
            </el-cascader>
          </td>
          <td @click="deleteTypeClick(item, index)" v-if="permissions.includes('assets:type:delete:disabled')">
            <img src="../../assets/images/asset-delete.png" />
          </td>
        </tr>
        <div class="add-type" @click="addTypeClick()" v-if="permissions.includes('assets:type:add:disabled')">
          <i class="el-icon-plus"></i>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="typeDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitHandleClick" v-if="permissions.includes('assets:type:edit:disabled')">确 定</el-button>
      </span>
    </el-dialog>
    <warrant-drawer
      :drawer.sync="warrantDrawer"
      :forBaseInfo="baseInfo"
      :certificateType="certificateType"
    ></warrant-drawer>
    <shops-drawer
      :drawer.sync="shopsDrawer"
      :propertyTypeId="propertyTypeId"
      :propertyUnitId="propertyUnitId"
      @childSpUnitEvent="getSpList"
    ></shops-drawer>
    <gy-shops-drawer
      :drawer.sync="gyShopsDrawer"
      :propertyTypeId="propertyTypeId"
      :propertyUnitId="propertyUnitId"
      @childGyUnitEvent="getGyList"
    ></gy-shops-drawer>
    <bg-shops-drawer
      :drawer.sync="bgShopsDrawer"
      :propertyTypeId="propertyTypeId"
      :propertyUnitId="propertyUnitId"
      @childBgUnitEvent="getBgList"
    ></bg-shops-drawer>
    <zht-shops-drawer
      :drawer.sync="zhtShopsDrawer"
      :propertyTypeId="propertyTypeId"
      :propertyUnitId="propertyUnitId"
      @childZhtUnitEvent="getZhtList"
    ></zht-shops-drawer>
    <gycf-shops-drawer
      :drawer.sync="gycfShopsDrawer"
      :propertyTypeId="propertyTypeId"
      :propertyUnitId="propertyUnitId"
      @childGycfUnitEvent="getGycfList"
    ></gycf-shops-drawer>

    <feijy-shops-drawer
      :drawer.sync="feijyShopsDrawer"
      :propertyTypeId="propertyTypeId"
      :propertyUnitId="propertyUnitId"
      :propertyTypeCode="propertyType"
      @childFeijyUnitEvent="getNobusinessList"
    ></feijy-shops-drawer>

    <add-property-drawer
      :drawer.sync="baseDrawer"
      :forBaseInfo="copyBaseInfo"
      @childEvent="getDetailBaseProperty"
    ></add-property-drawer>
    <!-- 下一步打算 -->
    <el-dialog
      title="存在问题及下一步打算"
      :visible.sync="nextPlanShow"
      width="35%"
    >
      <el-input
        type="textarea"
        :rows="3"
        placeholder="请输入"
        v-model="existProblem"
      >
      </el-input>
      <span slot="footer" class="dialog-footer">
        <el-button
          @click="
            nextPlanShow = false;
            existProblem = '';
          "
          >取 消</el-button
        >
        <el-button type="primary" @click="nextPlanShowClick">确 定</el-button>
      </span>
    </el-dialog>

    <!-- -招商信息 -->
    <el-dialog
      title="招商信息维护"
      :visible.sync="screenShow"
      width="40%"
      class="screen-info"
    >
      <el-form
        ref="form"
        :rules="rules"
        :model="screenForm"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="招商联系人" prop="ptypeInvestName">
              <el-input v-model="screenForm.ptypeInvestName"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="招商联系方式" prop="ptypeInvestPhone">
              <el-input v-model="screenForm.ptypeInvestPhone"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="其他招商联系人">
              <el-input v-model="screenForm.otherPtypeInvestName"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="其他招商联系方式">
              <el-input v-model="screenForm.otherPtypeInvestPhone"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="对外发布">
              <el-switch
                v-model="screenForm.investSwitch"
                active-color="#0052d9"
                inactive-color="#ccc"
                :disabled="switchaDisabled"
                @change="switchPublishChange"
              >
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-show="screenForm.investSwitch">
            <el-form-item label="招商类别">
              <el-select
                v-model="screenForm.investTypeCode"
                placeholder="请选择"
                style="width: 100%"
                :disabled="disabled"
              >
                <el-option
                  v-for="item in investList"
                  :key="item.investTypeCode"
                  :label="item.investTypeName"
                  :value="item.investTypeCode"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <!-- v-if="
            (currentType == 'property_type_zhengwuyongfang' ||
              currentType == 'property_type_wenhuajiaoyu' ||
              currentType == 'property_type_yiliaoweisheng' ||
              currentType == 'property_type_yanglaoyongfang' ||
              currentType == 'property_type_shequyongfang' ||
              currentType == 'property_type_chaiqianwccfangchan') &&
            screenForm.investSwitch
          " -->
        <el-row v-if="screenForm.investSwitch">
          <el-col :span="24">
            <el-form-item label="选择资产单元">
              <el-table
                ref="unitMultipleTable"
                :data="unitTableData"
                tooltip-effect="dark"
                style="width: 100%"
                @selection-change="handleSelectionChange"
                height="250"
              >
                <el-table-column
                  type="selection"
                  width="55"
                  align="center"
                  :selectable="getselectable"
                >
                </el-table-column>
                <el-table-column label="序号" width="55" align="center">
                  <template slot-scope="scope">{{ scope.$index + 1 }}</template>
                </el-table-column>
                <el-table-column
                  label="编号"
                  prop="propertyUnitCode"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="dongCode"
                  label="栋号/门牌号"
                  align="center"
                >
                  <template slot-scope="scope">
                    <span v-if="scope.row.dongCode">{{
                      scope.row.dongCode
                    }}</span>
                    <span v-if="scope.row.doorCode">{{
                      scope.row.doorCode
                    }}</span>
                    <span v-else>——</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="buildingAreaTotal"
                  label="总建筑面积（㎡）"
                  align="center"
                >
                </el-table-column>
              </el-table>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="资产介绍">
          <el-input
            type="textarea"
            :rows="3"
            placeholder="请输入"
            v-model="screenForm.ptypeIntro"
          ></el-input>
        </el-form-item>
        <el-form-item label="现场照片" prop="imageAttachIds">
          <el-upload
            style="display: inline-flex"
            action="/admin/common/image/upload"
            list-type="picture-card"
            accept=".bmp,.gif,.jpg,.jpeg,.png"
            :headers="headersAuthorization"
            :limit="3"
            :file-list="realisticPhotosList"
            :on-remove="
              (file, fileList) =>
                handleRemove(file, fileList, 'realisticPhotos')
            "
            :on-success="
              (response, file, fileList) =>
                handleRealisticPhotosSuccess(response, file, fileList)
            "
            :before-upload="
              (file) =>
                beforeRealisticPhotosUpload(file, [
                  'bmp',
                  'gif',
                  'jpg',
                  'jpeg',
                  'png',
                ])
            "
          >
            <i class="el-icon-plus"></i>
            <i class="el-upload__text">点击上传图片</i>
          </el-upload>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="screenShow = false">取 消</el-button>
        <el-button type="primary" @click="screenShowClick">确 定</el-button>
      </span>
    </el-dialog>
    <div class="smart-remind-drawer">
      <el-drawer
        title="智能提醒"
        :visible.sync="leaseRemindDrawer"
        :wrapperClosable="false"
        direction="rtl"
        :modal-append-to-body="false"
        :show-close="false"
        size="50%"
      >
        <div class="smart-remind-content">
          <p class="title-tips">{{ remindLabel }}</p>
          <el-input
            v-model="propertyCode"
            placeholder="搜索编号"
            class="search"
            @change="leaseRemindChange"
          />
          <el-table
            height="calc(100vh - 230px)"
            :data="leaseRemindTableData"
            style="width: 95%; margin: 80px auto 0"
            v-loading="leaseRemindLoading"
          >
            <el-table-column label="序号" width="55">
              <template slot-scope="scope">{{ scope.$index + 1 }}</template>
            </el-table-column>
            <el-table-column label="租户姓名" prop="leaseName">
            </el-table-column>
            <el-table-column label="联系方式" prop="lesseeContact">
            </el-table-column>
            <el-table-column label="到期日期" prop="endDate"> </el-table-column>
            <el-table-column label="资产类型" prop="propertyTypeName">
            </el-table-column>
            <el-table-column label="管理部门" prop="manageDeptName">
            </el-table-column>
            <el-table-column label="权属" prop="ownershipName">
            </el-table-column>
            <el-table-column label="资产地块编号" prop="propertyCode">
            </el-table-column>
            <el-table-column label="资产地块" prop="propertyName">
            </el-table-column>
            <el-table-column label="所在社区" prop="propertyCommunityName">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  size="small"
                  @click="goDealClick(scope.row)"
                  >处理</el-button
                >
              </template>
            </el-table-column>
          </el-table>
          <div class="smart-btn" @click="leaseRemindDrawer = false">关闭</div>
        </div>
      </el-drawer>
    </div>

    <div class="smart-remind-drawer">
      <el-drawer
        title="智能提醒"
        :visible.sync="leaserentRemindDrawer"
        :wrapperClosable="false"
        direction="rtl"
        :modal-append-to-body="false"
        :show-close="false"
        size="50%"
      >
        <div class="smart-remind-content">
          <p class="title-tips">{{ remindLabel }}</p>
          <el-input
            v-model="propertyCode"
            placeholder="搜索编号"
            class="search"
            @change="leaserentRemindChange"
          />
          <el-table
            :data="leaserentRemindTableData"
            height="calc(100vh - 230px)"
            style="width: 95%; margin: 80px auto 0"
            v-loading="leaseRentRemindLoading"
          >
            <el-table-column label="序号" width="55">
              <template slot-scope="scope">{{ scope.$index + 1 }}</template>
            </el-table-column>
            <el-table-column label="租户姓名" prop="leaseName">
            </el-table-column>
            <el-table-column label="联系方式" prop="lesseeContact">
            </el-table-column>
            <el-table-column label="租金缴纳金额（万元）" prop="rentAmount">
            </el-table-column>
            <el-table-column label="到期日期" prop="endDate"> </el-table-column>
            <el-table-column label="资产类型" prop="propertyTypeName">
            </el-table-column>
            <el-table-column label="管理部门" prop="manageDeptName">
            </el-table-column>
            <el-table-column label="权属" prop="ownershipName">
            </el-table-column>
            <el-table-column label="资产地块编号" prop="propertyCode">
            </el-table-column>
            <el-table-column label="资产地块" prop="propertyName">
            </el-table-column>
            <el-table-column label="所在社区" prop="propertyCommunityName">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  size="small"
                  @click="goDealClick(scope.row)"
                  >处理</el-button
                >
              </template>
            </el-table-column>
          </el-table>
          <div class="smart-btn" @click="leaserentRemindDrawer = false">
            关闭
          </div>
        </div>
      </el-drawer>
    </div>
  </div>
</template>

<script>
import warrantDrawer from "./warrant-drawer.vue";
import shopsDrawer from "./shops-drawer.vue";
import gyShopsDrawer from "./gy-shops-drawer.vue";
import bgShopsDrawer from "./bg-shops-drawer.vue";
import zhtShopsDrawer from "./zht-shops-drawer.vue";
import gycfShopsDrawer from "./gycf-shops-drawer.vue";
import feijyShopsDrawer from "./feijy-shops-drawer.vue";
import addPropertyDrawer from "../dashboard/add-property-drawer.vue";

import {
  existProblemProperty,
  editBatchProperty,
  propertyDictList,
  detailBaseProperty,
  spList,
  gyList,
  bgList,
  zhtList,
  gycfList,
  delUnit,
  archivingUnit,
  supplement,
  detailLeaseRemind,
  usageDetail,
  assessDetailValue,
  levelDetailLeaserent,
  leaseDetailRemindList,
  leaserentDetailRemindList,
  delType,
  nobusinessList,
  propertyInvestList,
  investExist,
} from "@/api/shops";
import { getToken } from "@/utils/auth";
export default {
  name: "assetList",
  components: {
    warrantDrawer,
    shopsDrawer,
    gyShopsDrawer,
    bgShopsDrawer,
    zhtShopsDrawer,
    gycfShopsDrawer,
    addPropertyDrawer,
    feijyShopsDrawer,
  },
  data() {
    return {
      headersAuthorization: null,
      typeDialogVisible: false,
      baseDrawer: false, // 编辑基本信息
      nextPlanShow: false, // 下一步打算
      existProblem: "",
      nextPlanData: "",
      propertyId: undefined,

      assetTypeList: [], // 资产类型List
      baseInfo: null,
      certificateType: "", //土地证、不动产权证、房产证
      copyBaseInfo: null,
      propertyType: "", // 用于判断当前点击的是哪一个资产类型
      propertyTypeId: "",
      loading: false,
      spTableData: [], // 商铺表格
      gyTableData: [], // 公寓表格
      bgTableData: [], //办公表格
      zhtTableData: [], // 综合体表格
      gycfTableData: [], // 工业厂房表格
      feijyTableData: [], // 非经营表格
      status: false, // 灭失状态
      searchValue: "", // 资产单元搜索项
      propertyUnitId: "",
      archivingStatus: 0, // 默认查看未灭失的数据
      deptsList: [], // 部门管理
      propertyTypeList: [
        {
          propertyTypeId: "",
          propertyId: "",
          propertyTypeCode: "",
          manageDeptId: "",
          leaseFlag: "",
        },
      ],
      activeIndex: 0,
      chartPie: null,
      spChartPie: null,
      spChartLine: null,
      spChartZhexian: null,
      gyCategoryStackChart: null, // 公寓堆积柱状图
      lat: "32.031006",
      lng: "118.695824",
      wxshow: false,
      lzshow: true,
      smartDrawer: false,
      warrantDrawer: false,
      shopsDrawer: false,
      gyShopsDrawer: false,
      bgShopsDrawer: false,
      zhtShopsDrawer: false,
      gycfShopsDrawer: false,
      feijyShopsDrawer: false,
      propertyinfoStorage: null,
      screenShow: false, // 招商信息
      screenForm: {
        propertyTypeId: undefined,
        imageAttachIds: "",
        ptypeIntro: "",
        ptypeInvestName: "",
        ptypeInvestPhone: "",
        otherPtypeInvestName: "",
        otherPtypeInvestPhone: "",
        investSwitch: 1,
        investTypeCode: "",
        punitList: [],
      },
      realisticPhotosList: [],
      curScreenInfo: null, //大屏信息
      form: {
        pageNum: 1,
        pageSize: 10,
        build: "",
      },
      buildList: [
        {
          label: "1#",
          value: 1,
        },
        {
          label: "2#",
          value: 2,
        },
        {
          label: "3#",
          value: 3,
        },
      ],
      detailLeaseRemindObj: null,
      propertyCode: "",
      remindLabel: "",
      leaseRemindDrawer: false,
      leaseRemindTableData: [],
      leaserentRemindDrawer: false,
      leaserentRemindTableData: [],
      leaseRemindLoading: false,
      leaseRentRemindLoading: false,
      buildingAreaTotal: 0,
      buildingNumTotal: 0,
      disabled: false,
      investList: [],
      rules: {
        ptypeInvestName: [
          { required: true, message: "请输入招商联系人", trigger: "blur" },
        ],
        ptypeInvestPhone: [
          { required: true, message: "请输入招商联系方式", trigger: "blur" },
        ],
        imageAttachIds: [
          { required: true, message: "请上传现场照片", trigger: "change" },
        ],
      },
      switchaDisabled: false,
      leaseFlag: false,
      currentType: "",
      unitTableData: [],
    };
  },
  computed: {
    permissions() {
      return this.$store.getters.permissions
    }
  },
  mounted() {
    this.init();
    this.$nextTick(() => {
      this.propertyinfoStorage = JSON.parse(
        localStorage.getItem("propertyinfo")
      );
      this.getDetailLeaseRemind();
      this.getDetailBaseProperty();
    });
  },
  methods: {
    getselectable() {
      if (
        this.propertyType === "property_type_shangpu" ||
        this.propertyType === "property_type_gongyu" ||
        this.propertyType === "property_type_bangong" ||
        this.propertyType === "property_type_zongheti" ||
        this.propertyType === "property_type_gongyechangfang"
      ) {
        return false;
      } else {
        return true;
      }
    },

    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    // 处理
    goDealClick(row) {
      switch (row.propertyTypeCode) {
        case "property_type_shangpu":
          this.$router.push({
            path: "/shops/shopsDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: row.ownershipName,
            },
          });
          break;
        case "property_type_gongyu":
          this.$router.push({
            path: "/shops/apartmentDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: row.ownershipName,
            },
          });
          break;
        case "property_type_bangong":
          this.$router.push({
            path: "/shops/workDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: row.ownershipName,
            },
          });
          break;
        case "property_type_zongheti":
          this.$router.push({
            path: "/shops/synthesisDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: row.ownershipName,
            },
          });
          break;
        case "property_type_gongyechangfang":
          this.$router.push({
            path: "/shops/industrialPlantDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: row.ownershipName,
            },
          });
          break;
        default:
          this.$router.push({
            path: "/shops/feijyDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: row.ownershipName,
            },
          });
          break;
      }
    },
    leaseRemindChange(val) {
      this.propertyCode = val;
      this.leaseRemindClick(this.remindStatus);
    },
    leaserentRemindChange(val) {
      this.propertyCode = val;
      this.leaseRentRemindClick(this.remindStatus);
    },
    //租赁协议智能提醒
    leaseRemindClick(remindStatus) {
      this.leaseRemindLoading = true;
      let params = {
        propertyCode: this.propertyCode,
        propertyCategoryId: this.baseInfo.propertyCategoryId,
        remindStatus,
        propertyId:
          this.propertyinfoStorage && this.propertyinfoStorage.propertyId,
      };
      leaseDetailRemindList(params).then((res) => {
        if (res.code == 200) {
          this.remindStatus = remindStatus;
          this.leaseRemindDrawer = true;
          this.leaseRemindTableData = res.data;
          this.leaseRemindLoading = false;
          let type = "";
          if (remindStatus === 0) {
            type = "超期";
          } else if (remindStatus === 1) {
            type = "紧急";
          } else if (remindStatus === 2) {
            type = "提醒";
          }
          this.remindLabel = `租赁协议智能提醒-${type}`;
        }
      });
    },

    //租金缴纳智能提醒
    leaseRentRemindClick(remindStatus) {
      this.leaseRentRemindLoading = true;
      let params = {
        propertyCode: this.propertyCode,
        propertyCategoryId: this.baseInfo.propertyCategoryId,
        remindStatus,
        propertyId:
          this.propertyinfoStorage && this.propertyinfoStorage.propertyId,
      };
      leaserentDetailRemindList(params).then((res) => {
        if (res.code == 200) {
          this.remindStatus = remindStatus;
          this.leaserentRemindDrawer = true;
          this.leaserentRemindTableData = res.data;
          this.leaseRentRemindLoading = false;
          let type = "";
          if (remindStatus === 0) {
            type = "超期";
          } else if (remindStatus === 1) {
            type = "紧急";
          } else if (remindStatus === 2) {
            type = "提醒";
          }
          this.remindLabel = `租金缴纳智能提醒-${type}`;
        }
      });
    },

    getDetailLeaseRemind() {
      let params = {
        propertyId:
          this.propertyinfoStorage && this.propertyinfoStorage.propertyId,
      };
      detailLeaseRemind(params).then((res) => {
        if (res.code == 200) {
          this.detailLeaseRemindObj = res.data;
        }
      });
    },
    init() {
      // 获取用于上传的token
      this.headersAuthorization = {
        Authorization: "Bearer " + getToken(),
      };
    },
    handleRemove(file, fileList, type) {
      switch (type) {
        // 实景照片
        case "realisticPhotos":
          let target = fileList.map((item) => item.response.data.attId);
          if (target.length > 0) {
            this.screenForm.imageAttachIds = target.join(",");
          } else {
            this.screenForm.imageAttachIds = "";
          }
          break;
      }
    },
    // 现场照片上传成功
    handleRealisticPhotosSuccess(res, file, fileList) {
      if (res.code != 200) {
        this.$message.error("上传失败");
        return;
      }
      let target = fileList.map((item) => item.response.data.attId);
      if (target.length > 0) {
        this.screenForm.imageAttachIds = target.join(",");
      }
    },
    // 上传前
    beforeRealisticPhotosUpload(file, _limitation) {
      let _inx = _limitation.findIndex((n) => n == file.name.split(".")[1]);
      const isLt2M = file.size / 1024 / 1024 < 500;
      if (_inx < 0) {
        this.$message.error(
          "文件格式错误，请上传图片类型,如：" +
            _limitation.join(",") +
            "等后缀的文件。"
        );
        return false;
      }
      if (!isLt2M) {
        this.$message.error("上传头像图片大小不能超过 200MB!");
        return false;
      }
      return true;
    },

    removeEmptyChildren(arr) {
      return arr.map((item) => {
        if (item.children && item.children.length === 0) {
          return {
            label: item.deptName,
            value: item.deptId,
          };
        } else {
          return {
            label: item.deptName,
            value: item.deptId,
            children: this.removeEmptyChildren(item.children),
          };
        }
      });
    },
    // 部门管理
    getListDept() {
      let userInfo = JSON.parse(localStorage.getItem("userInfo"));
      this.deptsList = this.removeEmptyChildren(userInfo.depts);
    },

    backClick() {
      this.$router.push("/dashboard");
      localStorage.removeItem("curShopIndex");
    },
    // 查看详情
    checkHandleClick(row, type, propertyUnitCode) {
      this.propertyUnitId = row.propertyUnitId;
      localStorage.setItem("curShopIndex", this.activeIndex);
      switch (type) {
        case "sp":
          this.$router.push({
            path: "/shops/shopsDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: this.baseInfo.ownershipName,
            },
          });
          break;
        case "gy":
          this.$router.push({
            path: "/shops/apartmentDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: this.baseInfo.ownershipName,
            },
          });
          break;
        case "bg":
          this.$router.push({
            path: "/shops/workDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: this.baseInfo.ownershipName,
            },
          });
          break;
        case "zht":
          this.$router.push({
            path: "/shops/synthesisDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: this.baseInfo.ownershipName,
            },
          });
          break;
        case "gycf":
          this.$router.push({
            path: "/shops/industrialPlantDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: this.baseInfo.ownershipName,
            },
          });
          break;
        case "feijy":
          this.$router.push({
            path: "/shops/feijyDetail",
            query: {
              propertyUnitId: row.propertyUnitId,
              ownershipName: this.baseInfo.ownershipName,
              propertyUnitCode,
            },
          });
          break;
      }
    },
    /**编辑类型 */
    editTypeClick() {
      this.typeDialogVisible = true;
      // propertyTypeList
      this.getPropertyDictList();
      this.getListDept();
    },
    /**下一步打算编辑 */
    editNextPlanClick() {
      this.nextPlanShow = true;
    },
    nextPlanShowClick() {
      let params = {
        propertyId:
          this.propertyinfoStorage && this.propertyinfoStorage.propertyId,
        existProblem: this.existProblem,
      };
      existProblemProperty(params).then((res) => {
        if (res.code == 200) {
          this.$message.success("编辑成功");
          this.nextPlanShow = false;
          this.existProblem = "";
          this.getDetailBaseProperty();
        }
      });
    },
    getInvestExist() {
      investExist(this.propertyTypeId).then((res) => {
        if (res.code == 200) {
          this.unitTableData = res.data;
          if (
            this.curScreenInfo.ptypeInvestName &&
            this.curScreenInfo.ptypeInvestPhone
          ) {
            let target = res.data.filter((v) => v.puinvestSwitch === 1);
            if (target && target.length > 0) {
              target.forEach((row) => {
                this.$nextTick(() => {
                  if (this.$refs.unitMultipleTable) {
                    this.$refs.unitMultipleTable.toggleRowSelection(row);
                  }
                });
              });
            }
          } else {
            // 默认全选
            if (res.data && res.data.length > 0) {
              res.data.forEach((row) => {
                this.$nextTick(() => {
                  if (this.$refs.unitMultipleTable) {
                    this.$refs.unitMultipleTable.toggleRowSelection(row);
                  }
                });
              });
            }
          }
        }
      });
    },
    switchPublishChange(val) {
      if (val) {
        this.getInvestExist();
      } else {
        this.unitTableData = [];
      }
    },
    selectChange(value, index) {
      this.propertyTypeList[index].propertyTypeCode = value;
      this.getPropertyDictList();
    },
    // 资产类型
    getPropertyDictList() {
      let params = {};
      propertyDictList(params).then((res) => {
        if (res.code == 200) {
          let data = [...res.data];
          if (data && data.length > 0) {
            let target = data
              .filter((v) => v.businessNature === 1)
              .map((j) => {
                return {
                  label: j.propertyTypeName,
                  value: j.propertyTypeCode,
                  businessNature: j.businessNature,
                  leaseFlag: j.leaseFlag,
                };
              });

            let no_target = data
              .filter((v) => v.businessNature === 0)
              .map((j) => {
                return {
                  label: j.propertyTypeName,
                  value: j.propertyTypeCode,
                  businessNature: j.businessNature,
                  leaseFlag: j.leaseFlag,
                };
              });

            this.assetTypeList = [
              {
                value: 1,
                label: "经营性",
                children: target,
              },
              {
                value: 0,
                label: "非经营性",
                children: no_target,
              },
            ];
          }
        }
      });
    },
    getPropertyInvestList() {
      propertyInvestList().then((res) => {
        if (res.code == 200) {
          this.investList = res.data;
        }
      });
    },

    // 资产详情
    getDetailBaseProperty() {
      detailBaseProperty(
        this.propertyinfoStorage && this.propertyinfoStorage.propertyId
      ).then((res) => {
        this.baseInfo = res.data;
        if (res.data && res.data.propertyTypeList.length > 0) {
          this.propertyTypeList = res.data.propertyTypeList.filter(
            (item) => item.propertyTypeCode
          );
        }
        this.baseInfo &&
          this.baseInfo.propertyTypeList.unshift({
            propertyTypeName: "基本信息",
            propertyTypeCode: "",
          });
        this.initMap();
        this.initPieChart();

        if (localStorage.getItem("curShopIndex")) {
          this.activeIndex = localStorage.getItem("curShopIndex");
          this.propertyType =
            this.baseInfo.propertyTypeList[this.activeIndex].propertyTypeCode;
          this.propertyTypeId =
            this.baseInfo.propertyTypeList[this.activeIndex].propertyTypeId;
          // 商铺
          if (this.propertyType == "property_type_shangpu") {
            this.getSpList();
            this.$nextTick(() => {
              // this.initSpPieChart(this.propertyType, this.propertyTypeId);
              // this.initSpLineChart(this.propertyType, this.propertyTypeId);
              // this.initSpZhexianChart(this.propertyType, this.propertyTypeId);
            });
          } else if (this.propertyType == "property_type_gongyu") {
            // 公寓
            this.getGyList();
            this.$nextTick(() => {
              // this.initSpLineChart(this.propertyType, this.propertyTypeId);
              // this.initSpZhexianChart(this.propertyType, this.propertyTypeId);
              // this.initcategoryStackchart();
            });
          } else if (this.propertyType == "property_type_bangong") {
            // 办公
            this.getBgList();
            this.$nextTick(() => {
              // this.initSpPieChart(this.propertyType, this.propertyTypeId);
              // this.initSpLineChart(this.propertyType, this.propertyTypeId);
              // this.initSpZhexianChart(this.propertyType, this.propertyTypeId);
            });
          } else if (this.propertyType == "property_type_zongheti") {
            // 综合体
            this.getZhtList();
            this.$nextTick(() => {
              // this.initSpPieChart(this.propertyType, this.propertyTypeId);
              // this.initSpLineChart(this.propertyType, this.propertyTypeId);
              // this.initSpZhexianChart(this.propertyType, this.propertyTypeId);
            });
          } else if (this.propertyType == "property_type_gongyechangfang") {
            // 工业厂房
            this.getGycfList();
            this.$nextTick(() => {
              // this.initSpPieChart(this.propertyType, this.propertyTypeId);
              // this.initSpLineChart(this.propertyType, this.propertyTypeId);
              // this.initSpZhexianChart(this.propertyType, this.propertyTypeId);
            });
          } else {
            this.getNobusinessList();
          }
        }
      });
    },
    cascaderChange(val, index) {
      let info = this.assetTypeList.filter((item) => item.value === val[0]);
      if (info && info.length > 0) {
        let W = info[0].children.filter((j) => j.value === val[1]);
        if (W && W.length > 0) {
          this.propertyTypeList[index].leaseFlag = W[0].leaseFlag;
        }
      }
    },
    submitHandleClick() {
      // 批量编辑 资产类型
      let params = {
        propertyId:
          this.propertyinfoStorage && this.propertyinfoStorage.propertyId,
        propertyTypeList:
          this.propertyTypeList &&
          this.propertyTypeList.length > 0 &&
          this.propertyTypeList.map((v) => {
            if (v.manageDeptId.length > 0 && v.propertyTypeCode.length > 0) {
              return {
                propertyTypeId: v.propertyTypeId,
                propertyId:
                  this.propertyinfoStorage &&
                  this.propertyinfoStorage.propertyId,
                manageDeptId: v.manageDeptId[v.manageDeptId.length - 1],
                propertyTypeCode: v.propertyTypeCode[1],
                businessNature: v.propertyTypeCode[0],
                leaseFlag: v.leaseFlag,
              };
            } else {
              return {
                propertyTypeId: v.propertyTypeId,
                propertyId:
                  this.propertyinfoStorage &&
                  this.propertyinfoStorage.propertyId,
                manageDeptId: v.manageDeptId,
                propertyTypeCode: v.propertyTypeCode,
                businessNature: v.businessNature,
                leaseFlag: v.leaseFlag,
              };
            }
          }),
      };
      editBatchProperty(params).then((res) => {
        if (res.code == 200) {
          this.$message.success("编辑成功");
          this.typeDialogVisible = false;
          this.getDetailBaseProperty();
        }
      });
    },

    // 灭失switch
    switchChange(type) {
      this.status ? (this.archivingStatus = 1) : (this.archivingStatus = 0);
      if (type == "property_type_shangpu") {
        this.getSpList();
      } else if (type == "property_type_gongyu") {
        this.getGyList();
      } else if (type == "property_type_bangong") {
        this.getBgList();
      } else if (type == "property_type_zongheti") {
        this.getZhtList();
      } else if (type == "property_type_gongyechangfang") {
        this.getGycfList();
      } else {
        this.getNobusinessList();
      }
    },

    // input 查询
    inputBlur(type) {
      if (type == "property_type_shangpu") {
        this.getSpList();
      } else if (type == "property_type_gongyu") {
        this.getGyList();
      } else if (type == "property_type_bangong") {
        this.getBgList();
      } else if (type == "property_type_zongheti") {
        this.getZhtList();
      } else if (type == "property_type_gongyechangfang") {
        this.getGycfList();
      } else {
        this.getNobusinessList();
      }
    },

    /**商铺资产单元列表 */
    getSpList() {
      let params = {
        propertyTypeId: this.propertyTypeId,
        propertyTypeCode: this.propertyType,
        searchValue: this.searchValue,
        archivingStatus: this.archivingStatus,
      };
      spList(params).then((res) => {
        if (res.code == 200) {
          this.spTableData = res.data;
          this.buildingNumTotal = res.data.length;
        }
      });
    },

    /**公寓资产单元列表 */
    getGyList() {
      let params = {
        propertyTypeId: this.propertyTypeId,
        propertyTypeCode: this.propertyType,
        searchValue: this.searchValue,
        archivingStatus: this.archivingStatus,
      };
      gyList(params).then((res) => {
        if (res.code == 200) {
          this.gyTableData = res.data;
          this.buildingNumTotal = res.data.length;
          if (res.data.length > 0) {
            this.buildingAreaTotal = res.data
              .map((v) => v.suiteTotal)
              .reduce((pre, next) => pre + next);
          }
        }
      });
    },

    /**办公资产单元列表 */
    getBgList() {
      let params = {
        propertyTypeId: this.propertyTypeId,
        propertyTypeCode: this.propertyType,
        searchValue: this.searchValue,
        archivingStatus: this.archivingStatus,
      };
      bgList(params).then((res) => {
        if (res.code == 200) {
          this.bgTableData = res.data;
          this.buildingNumTotal = res.data.length;
        }
      });
    },

    /**综合体资产单元列表 */
    getZhtList() {
      let params = {
        propertyTypeId: this.propertyTypeId,
        propertyTypeCode: this.propertyType,
        searchValue: this.searchValue,
        archivingStatus: this.archivingStatus,
      };
      zhtList(params).then((res) => {
        if (res.code == 200) {
          this.zhtTableData = res.data;
          this.buildingNumTotal = res.data.length;
        }
      });
    },

    /**工业厂房资产单元列表 */
    getGycfList() {
      let params = {
        propertyTypeId: this.propertyTypeId,
        propertyTypeCode: this.propertyType,
        searchValue: this.searchValue,
        archivingStatus: this.archivingStatus,
      };
      gycfList(params).then((res) => {
        if (res.code == 200) {
          this.gycfTableData = res.data;
          this.buildingNumTotal = res.data.length;
        }
      });
    },

    // 非经营表格
    getNobusinessList() {
      let params = {
        propertyTypeId: this.propertyTypeId,
        propertyTypeCode: this.propertyType,
        searchValue: this.searchValue,
        archivingStatus: this.archivingStatus,
      };
      nobusinessList(params).then((res) => {
        if (res.code == 200) {
          this.feijyTableData = res.data;
        }
      });
    },

    itemClick(index, item) {
      this.activeIndex = index;
      this.propertyType = item.propertyTypeCode;
      this.propertyTypeId = item.propertyTypeId;
      sessionStorage.setItem("propertyTypeId", item.propertyTypeId);
      localStorage.removeItem("curShopIndex");
      this.curScreenInfo = Object.assign({}, item);

      this.leaseFlag = item.leaseFlag;

      this.feijyTableData = [];
      // 商铺
      if (this.propertyType == "property_type_shangpu") {
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_shangpu"
          )[0].buildingAreaTotal;

        this.getSpList();
        this.$nextTick(() => {
          // this.initSpPieChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpLineChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpZhexianChart(item.propertyTypeCode, item.propertyTypeId);
        });
      } else if (this.propertyType == "property_type_gongyu") {
        // 公寓
        // this.buildingAreaTotal =
        //   this.baseInfo &&
        //   this.baseInfo.propertyTypeList.filter(
        //     (v) =>
        //       v &&
        //       v.propertyTypeCode &&
        //       v.propertyTypeCode === "property_type_gongyu"
        //   )[0].suiteTotal;

        this.getGyList();
        this.$nextTick(() => {
          // this.initSpLineChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpZhexianChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initcategoryStackchart();
        });
      } else if (this.propertyType == "property_type_bangong") {
        // 办公
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_bangong"
          )[0].buildingAreaTotal;
        this.getBgList();
        this.$nextTick(() => {
          // this.initSpPieChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpLineChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpZhexianChart(item.propertyTypeCode, item.propertyTypeId);
        });
      } else if (this.propertyType == "property_type_zongheti") {
        // 综合体
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_zongheti"
          )[0].buildingAreaTotal;
        this.getZhtList();
        this.$nextTick(() => {
          // this.initSpPieChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpLineChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpZhexianChart(item.propertyTypeCode, item.propertyTypeId);
        });
      } else if (this.propertyType == "property_type_gongyechangfang") {
        // 工业厂房
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_gongyechangfang"
          )[0].buildingAreaTotal;
        this.getGycfList();
        this.$nextTick(() => {
          // this.initSpPieChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpLineChart(item.propertyTypeCode, item.propertyTypeId);
          // this.initSpZhexianChart(item.propertyTypeCode, item.propertyTypeId);
        });
      } else if (this.propertyType == "property_type_zhengwuyongfang") {
        // 政务用房
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_zhengwuyongfang"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_wenhuajiaoyu") {
        // 文化教育
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_wenhuajiaoyu"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_yiliaoweisheng") {
        // 医疗卫生
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_yiliaoweisheng"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_yanglaoyongfang") {
        // 养老用房
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_yanglaoyongfang"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_shequyongfang") {
        // 社区用房
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_shequyongfang"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_shuilijichusheshi") {
        // 水利基础设施
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_shuilijichusheshi"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_huanweisheshi") {
        // 环卫设施
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_huanweisheshi"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_tingchechang") {
        // 停车场
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_tingchechang"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_chewei") {
        // 车位
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_chewei"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      } else if (this.propertyType == "property_type_chaiqianwccfangchan") {
        // 拆迁（未拆除）房产
        this.buildingAreaTotal =
          this.baseInfo &&
          this.baseInfo.propertyTypeList.filter(
            (v) =>
              v &&
              v.propertyTypeCode &&
              v.propertyTypeCode === "property_type_chaiqianwccfangchan"
          )[0].buildingAreaTotal;
        this.getNobusinessList();
      }
      this.initMap();
    },
    // 灭失
    editorFn(row, type) {
      let params = {
        archivingStatus: 1,
        propertyUnitId: row.propertyUnitId,
      };
      archivingUnit(params)
        .then((res) => {
          if (res.code == 200) {
            this.$message.success("灭失成功");
            if (type == "property_type_shangpu") {
              this.getSpList();
            } else if (type == "property_type_gongyu") {
              this.getGyList();
            } else if (type == "property_type_bangong") {
              this.getBgList();
            } else if (type == "property_type_zongheti") {
              this.getZhtList();
            } else if (type == "property_type_gongyechangfang") {
              this.getGycfList();
            } else {
              this.getNobusinessList();
            }
          }
        })
        .catch(() => {
          this.$message.error("灭失失败");
        });
    },
    // 删除
    deleteFn(row, type) {
      delUnit(row.propertyUnitId)
        .then((res) => {
          this.$message.success("删除成功");
          if (type == "property_type_shangpu") {
            this.getSpList();
          } else if (type == "property_type_gongyu") {
            this.getGyList();
          } else if (type == "property_type_bangong") {
            this.getBgList();
          } else if (type == "property_type_zongheti") {
            this.getZhtList();
          } else if (type == "property_type_gongyechangfang") {
            this.getGycfList();
          } else {
            this.getNobusinessList();
          }
        })
        .catch(() => {
          this.$message.error("删除失败");
        });
    },

    initPieChart() {
      let pieData =
        this.baseInfo &&
        this.baseInfo.propertyTypeList.filter((item) => item.buildingAreaTotal);
      let lastPieData = [];
      if (pieData && pieData.length > 0) {
        lastPieData = pieData.map((v) => {
          return {
            value: v.buildingAreaTotal,
            name: v.propertyTypeName,
          };
        });

        lastPieData.forEach((j) => {
          if (j.name == "公寓") {
            j.itemStyle = {
              color: "#376DF7",
            };
          } else if (j.name == "办公") {
            j.itemStyle = {
              color: "#6750AA",
            };
          } else if (j.name == "综合体") {
            j.itemStyle = {
              color: "#53B997",
            };
          } else if (j.name == "工业厂房") {
            j.itemStyle = {
              color: "#F8C541",
            };
          } else if (j.name == "商铺") {
            j.itemStyle = {
              color: "#294680",
            };
          }
        });
      }

      this.chartPie = this.$echarts.init(this.$refs.piechart);
      let option = {
        tooltip: {
          trigger: "item",
        },
        legend: {
          top: "center",
          right: "20",
          orient: "vertical",
          show: true,
          itemWidth: 6, // 标签宽度为20px
          itemHeight: 6, // 标签高度为10px
        },
        series: [
          {
            name: "资产使用率统计",
            type: "pie",
            radius: ["35%", "60%"],
            center: ["40%", "55%"],
            avoidLabelOverlap: false,
            label: {
              show: true,
              position: "outside",
              formatter: "{c}㎡",
            },
            emphasis: {
              label: {
                show: true,
                fontSize: 20,
                fontWeight: "bold",
              },
            },
            labelLine: {
              show: true,
              normal: {
                length: 10, //第一条线
                length2: 10, //第二条线
                lineStyle: {
                  width: 1, // 线条的宽度
                  // color: "#000", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色
                },
              },
            },
            data: lastPieData,
          },
        ],
      };
      this.chartPie.setOption(option);
    },
    //绑定按钮事件
    addLayer() {
      this.wxshow = true;
      this.lzshow = false;
      this.map.addLayer(this.satellite);
    },
    rmLayer() {
      this.wxshow = false;
      this.lzshow = true;
      this.map.removeLayer(this.satellite);
    },
    // 初始化地图
    initMap() {
      let _this = this;
      if (
        _this.baseInfo &&
        _this.baseInfo.propertyGisLongitude &&
        _this.baseInfo.propertyGisLatitude
      ) {
        _this.map = new AMap.Map("mapDiv", {
          resizeEnable: true,
          center: [
            _this.baseInfo.propertyGisLongitude,
            _this.baseInfo.propertyGisLatitude,
          ],
          zoom: 16,
        });
        // 设置左边图标及其大小
        var marker = new AMap.Marker({
          icon: new AMap.Icon({
            image:
              "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
            size: new AMap.Size(22, 28), //图标所处区域大小
            imageSize: new AMap.Size(22, 28), //图标大小
          }),
          position: [
            _this.baseInfo.propertyGisLongitude,
            _this.baseInfo.propertyGisLatitude,
          ],
          offset: new AMap.Pixel(-13, -20),
        });

        marker.setMap(this.map);
      } else {
        _this.lng = 119.028296;
        _this.lat = 31.651125;
        _this.map = new AMap.Map("mapDiv", {
          resizeEnable: true,
          center: [_this.lng, _this.lat],
          zoom: 16,
        });
      }

      // 设置经纬度转为地址范围
      _this.geocoder = new AMap.Geocoder({
        city: "320117", //城市设为北京，默认：“全国”
        radius: 3000, //范围，默认：500
      });
      AMap.plugin(["AMap.PlaceSearch"], function () {
        //构造地点查询类
        _this.placeSearch = new AMap.PlaceSearch({
          // type: '餐饮服务', // 兴趣点类别
          pageSize: 10, // 单页显示结果条数
          pageIndex: 1, // 页码
          city: "320117", // 兴趣点城市
          citylimit: true, //是否强制限制在设置的城市内搜索
          map: _this.map, // 展现结果的地图实例
          autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
        });
      });
      // 设置选中点详情图标
      _this.infoWindow = new AMap.InfoWindow({
        autoMove: true,
        offset: { x: 0, y: -30 },
      });

      // this.map.on("click", function (e) {
      //   let lnglat = e.lnglat;
      //   _this.regeoCode(lnglat);
      // });
      // 添加卫星图
      _this.satellite = new AMap.TileLayer.Satellite();
    },
    regeoCode(_lnglat) {
      let _this = this;
      var lnglat = this.lng + "," + this.lat;
      this.map.clearMap();
      _this.geocoder.getAddress(_lnglat, function (status, result) {
        console.log(status);
        console.log(result.regeocode);
        if (status === "complete" && result.regeocode) {
          _this.address = result.regeocode.formattedAddress;
          var marker = new AMap.Marker({
            map: _this.map,
            position: _lnglat,
          });
          _this.infoWindow.setContent(
            _this.createContent({
              name: _this.address,
            })
          );
          _this.map.setCenter(marker.getPosition());
          _this.infoWindow.open(_this.map, marker.getPosition());
          _this.lat = _lnglat.lat;
          _this.lng = _lnglat.lng;
        } else {
          _this.$message.warning("根据经纬度查询地址失败");
        }
      });
    },
    smartRemindClick() {
      this.smartDrawer = true;
    },
    warrantClick(name) {
      this.certificateType = name;
      this.warrantDrawer = true;
    },

    screenShowClick() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          this.screenForm.propertyTypeId =
            sessionStorage.getItem("propertyTypeId");
          let params = Object.assign({}, this.screenForm);
          params.investSwitch = this.screenForm ? 1 : 0;
          if (this.multipleSelection.length > 0) {
            params.punitList = this.multipleSelection.map((v) => {
              return {
                propertyUnitId: v.propertyUnitId,
                buildingAreaTotal: v.buildingAreaTotal,
                puinvestSwitch: 1,
              };
            });
          }

          supplement(params).then((res) => {
            if (res.code == 200) {
              this.$message.success("编辑成功");
              this.screenShow = false;
              this.getDetailBaseProperty();
            }
          });
        }
      });
    },

    /**编辑大屏 */
    ediScerenClick(type) {
      // this.getPropertyDictList();
      this.getPropertyInvestList();
      this.screenForm = {
        propertyTypeId: undefined,
        imageAttachIds: "",
        ptypeIntro: "",
        ptypeInvestName: "",
        ptypeInvestPhone: "",
        otherPtypeInvestName: "",
        otherPtypeInvestPhone: "",
        investSwitch: 1,
        investTypeCode: "",
        punitList: [],
      };
      this.realisticPhotosList = [];

      let {
        ptypeInvestName,
        ptypeInvestPhone,
        otherPtypeInvestName,
        otherPtypeInvestPhone,
        investSwitch,
        investTypeCode,
        ptypeIntro,
        imageAttachList,
        imageAttachIds,
      } = this.curScreenInfo;
      

      if (this.curScreenInfo&&this.curScreenInfo.ptypeInvestName && this.curScreenInfo&&this.curScreenInfo.ptypeInvestPhone) {
        this.getInvestExist();
        // 表示未设置招商信息
        this.screenForm.ptypeInvestName = ptypeInvestName;
        this.screenForm.ptypeInvestPhone = ptypeInvestPhone;
        this.screenForm.otherPtypeInvestName = otherPtypeInvestName;
        this.screenForm.otherPtypeInvestPhone = otherPtypeInvestPhone;
        this.screenForm.investSwitch = investSwitch == 1 ? true : false;
        this.screenForm.ptypeIntro = ptypeIntro;
        this.screenForm.imageAttachIds = imageAttachIds;

        if (imageAttachList && imageAttachList.length > 0) {
          this.realisticPhotosList = imageAttachList.map((v) => {
            return {
              name: v.originalAttName,
              url: v.attUrl,
            };
          });
        }

        if (
          type === "property_type_shangpu" ||
          type === "property_type_gongyu" ||
          type === "property_type_bangong" ||
          type === "property_type_zongheti" ||
          type === "property_type_gongyechangfang"
        ) {
          this.screenForm.investSwitch = true;
          this.screenForm.investTypeCode = investTypeCode
            ? investTypeCode
            : type;
          this.disabled = true;
          this.switchaDisabled = true;
        } else {
          this.screenForm.investTypeCode = "property_type_other";
          this.disabled = false;
          this.switchaDisabled = false;
        }
      } else {
        if (
          type === "property_type_shangpu" ||
          type === "property_type_gongyu" ||
          type === "property_type_bangong" ||
          type === "property_type_zongheti" ||
          type === "property_type_gongyechangfang"
        ) {
          this.screenForm.investSwitch = true;
          this.screenForm.investTypeCode = type;
          this.disabled = true;
          this.switchaDisabled = true;
        } else {
          this.screenForm.investSwitch = false;
          this.disabled = false;
          this.switchaDisabled = false;
        }
      }
      // 当前资产类型
      this.currentType = type;
      this.screenShow = true;
    },

    /**编辑基本信息 */
    editBaseInfo() {
      this.baseDrawer = true;
      // this.getDetailBaseProperty();
      this.copyBaseInfo = Object.assign({}, this.baseInfo);
    },

    // 新增资产类型
    addTypeClick() {
      this.propertyTypeList.push({
        propertyTypeId: "",
        propertyId:
          this.propertyinfoStorage && this.propertyinfoStorage.propertyId,
        propertyTypeCode: "",
        manageDeptId: "",
        leaseFlag: "",
      });
    },
    // 删除资产类型
    deleteTypeClick(item, index) {
      if (item.propertyTypeId) {
        this.$confirm("删除当前资产类型, 是否继续?", "", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        }).then(() => {
          delType(item.propertyTypeId).then((res) => {
            if (res.code == 200) {
              this.$message.success("删除成功");
              this.getDetailBaseProperty();
            }
          });
        });
      } else {
        this.propertyTypeList.splice(index, 1);
      }
    },
    //商铺 使用情况占比
    initSpPieChart(propertyTypeCode, propertyTypeId) {
      let params = {
        propertyTypeCode,
        propertyTypeId,
      };
      let lastData = [];
      usageDetail(params).then((res) => {
        if (res.code == 200) {
          let { freeAreaTotal, buildingAreaTotal, leaseAreaTotal } = res.data;
          lastData = [
            {
              value: leaseAreaTotal,
              name: "已租赁",
              itemStyle: { color: "#376DF7" },
            },
            {
              value: freeAreaTotal,
              name: "空置",
              itemStyle: { color: "#53B997" },
            },
            {
              value: buildingAreaTotal,
              name: "已使用",
              itemStyle: { color: "#6750AA" },
            },
          ];

          this.spChartPie = this.$echarts.init(this.$refs.spPiechart);
          let option = {
            tooltip: {
              trigger: "item",
            },
            legend: {
              top: "center",
              right: "20",
              orient: "vertical",
              show: true,
              itemWidth: 6, // 标签宽度为20px
              itemHeight: 6, // 标签高度为10px
            },
            series: [
              {
                name: "使用情况占比",
                type: "pie",
                radius: ["35%", "60%"],
                center: ["40%", "55%"],
                avoidLabelOverlap: false,
                label: {
                  show: true,
                  position: "outside",
                  formatter: "{b}: {d}%",
                },
                emphasis: {
                  label: {
                    show: true,
                    fontSize: 20,
                    fontWeight: "bold",
                  },
                },
                labelLine: {
                  show: true,
                  normal: {
                    length: 10, //第一条线
                    length2: 10, //第二条线
                    lineStyle: {
                      width: 1, // 线条的宽度
                      // color: "#000", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色
                    },
                  },
                },
                data: lastData,
              },
            ],
          };

          // 点击图表事件
          this.spChartPie.on("click", () => {
            alert("点击");
          });
          this.spChartPie.setOption(option);
        }
      });
    },
    //商铺 评估价格金额波动情况
    initSpLineChart(propertyTypeCode, propertyTypeId) {
      let params = {
        propertyTypeCode,
        propertyTypeId,
      };
      assessDetailValue(params).then((res) => {
        if (res.code == 200) {
          this.spChartLine = this.$echarts.init(this.$refs.spLinechart);
          let option = {
            xAxis: {
              type: "category",
              name: "时间",
              data:
                res.data &&
                res.data.length > 0 &&
                res.data.map((v) => v.assessValueDate),
            },
            yAxis: {
              type: "value",
              name: "元/天/㎡ ",
              splitLine: {
                show: true,
                lineStyle: {
                  type: "dashed",
                },
              },
            },
            series: [
              {
                data:
                  res.data &&
                  res.data.length > 0 &&
                  res.data.map((v) => v.assessValueAmount),
                type: "line",
                smooth: true,
              },
            ],
          };
          this.spChartLine.setOption(option);
        }
      });
    },
    //商铺 租金水平统计
    initSpZhexianChart(propertyTypeCode, propertyTypeId) {
      let params = {
        propertyTypeCode,
        propertyTypeId,
      };
      levelDetailLeaserent(params).then((res) => {
        if (res.code == 200) {
          this.spChartZhexian = this.$echarts.init(this.$refs.spzhexianchart);
          let option = {
            xAxis: {
              type: "category",
              boundaryGap: false,
              name: "年度 ",
              data:
                res.data &&
                res.data.length > 0 &&
                res.data.map((v) => v.payRentYear),
            },
            yAxis: {
              type: "value",
              name: "元/天/㎡ ",
              splitLine: {
                show: false,
                lineStyle: {
                  type: "dashed",
                },
              },
            },
            series: [
              {
                data:
                  res.data &&
                  res.data.length > 0 &&
                  res.data.map((v) => v.rentLevel),
                type: "line",
                lineStyle: {
                  color: "#376DF7", //折线的颜色
                },
                smooth: true,
                areaStyle: {
                  //区域填充样式
                  normal: {
                    color: new this.$echarts.graphic.LinearGradient(
                      0,
                      0,
                      0,
                      1,
                      [
                        {
                          offset: 0.5,
                          color: "rgba(55, 109, 247, 0.8)",
                        },
                        {
                          offset: 1,
                          color: "rgba(55, 109, 247, 0)",
                        },
                        {
                          offset: 0,
                          color: "rgba(255,255,255)",
                        },
                      ],
                      false
                    ),
                  },
                },
              },
            ],
          };
          this.spChartZhexian.setOption(option);
        }
      });
    },
    // 公寓 使用情况占比
    initcategoryStackchart() {
      this.gyCategoryStackChart = this.$echarts.init(
        this.$refs.categoryStackchart
      );
      let option = {
        tooltip: {
          trigger: "axis",
          axisPointer: {
            // Use axis to trigger tooltip
            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
          },
        },
        legend: {},
        grid: {
          top: "15%",
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        xAxis: {
          type: "value",
        },
        yAxis: {
          type: "category",
          data: ["1人间", "2人间", "4人间", "6人间", "8人间"],
        },
        series: [
          {
            name: "已租赁",
            type: "bar",
            stack: "total",
            label: {
              show: true,
              color: "#fff",
            },
            barWidth: 20,
            itemStyle: {
              color: "#376df7",
            },
            emphasis: {
              focus: "series",
            },
            data: [20, 32, 31, 33, 39],
          },
          {
            name: "已使用",
            type: "bar",
            stack: "total",
            label: {
              show: true,
              color: "#fff",
            },
            barWidth: 20,
            itemStyle: {
              color: "#6750aa",
            },
            emphasis: {
              focus: "series",
            },
            data: [12, 13, 10, 13, 9],
          },
          {
            name: "空置",
            type: "bar",
            stack: "total",
            label: {
              show: true,
              color: "#fff",
            },
            barWidth: 20,
            itemStyle: {
              color: "#53b997",
            },
            emphasis: {
              focus: "series",
            },
            data: [22, 18, 19, 23, 29],
          },
        ],
      };
      this.gyCategoryStackChart.setOption(option);
    },
    // 添加商铺
    addSpClick(type) {
      switch (type) {
        case "sp":
          this.shopsDrawer = true;
          break;
        case "gy":
          this.gyShopsDrawer = true;
          break;
        case "bg":
          this.bgShopsDrawer = true;
          break;
        case "zht":
          this.zhtShopsDrawer = true;
          break;
        case "gycf":
          this.gycfShopsDrawer = true;
          break;
        case "feijy":
          this.feijyShopsDrawer = true;
      }
    },
  },
};
</script>

<style lang="scss" scoped>
@import "~@/styles/mixin.scss";
.asset-list {
  .asset-list-path {
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: rgba($color: #fff, $alpha: 0.2);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 0px 0px;
    padding-left: 12px;
    span {
      font-weight: 600;
    }
  }
  .asset-list-name {
    width: 98%;
    height: 60px;
    line-height: 60px;
    margin: 10px auto 17px;
    background: #ffffff;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px 6px 6px 6px;
    display: flex;
    align-items: center;
    .el-icon-arrow-left {
      width: 86px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      border-right: 1px solid #e7e7e7;
      cursor: pointer;
    }
    .name {
      font-size: 28px;
      height: 30px;
      line-height: 30px;
      border-left: 4px solid #0052d9;
      margin-left: 16px;
      padding-left: 16px;
      position: relative;
      .line {
        border-left: 4px solid #ffc522;
        height: 12px;
        position: absolute;
        left: -4px;
        top: 0;
      }
    }
  }
  .asset-list-content {
    width: 98%;
    margin: 0 auto;
    display: flex;
    .content-left {
      width: 267px;
      height: calc(100vh - 160px);
      background: #ffffff;
      box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
      border-radius: 6px 6px 6px 6px;
      .left-button {
        color: #0052d9;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        margin-top: 15px;
      }
      .type-list {
        margin-top: 15px;
        margin-left: 24px;
        height: calc(100vh - 280px);
        overflow-y: auto;
        border-left: 3px solid #ffc522;
        .active {
          height: 40px;
          line-height: 40px;
          background: linear-gradient(90deg, #d0dbff 38%, #ffffff 100%);
          color: #0052d9;
        }
        .type-list-item {
          height: 40px;
          line-height: 40px;
          font-size: 18px;
          padding: 15px 0px 15px 20px;
          display: flex;
          align-items: center;
          cursor: pointer;
          img {
            width: 18px;
            height: 18px;
            margin-right: 10px;
          }
        }
      }
    }
    .content-right {
      flex: 1;
      margin-left: 15px;
      height: calc(100vh - 160px);
      overflow: auto;
      // padding-bottom: 20px;
      .content-right-top {
        display: flex;
        .content-right-top-left {
          width: 50%;
          height: 371px;
          background: #ffffff;
          box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
          border-radius: 6px 6px 6px 6px;
          .content-right-top-left-info {
            position: relative;
            .left-info-right {
              width: 42%;
              height: 200px;
              position: absolute;
              top: -38px;
              right: 15px;
              img {
                width: 100%;
                height: 100%;
              }
            }
            .left-info-left-item {
              display: flex;
              align-items: center;
              padding-left: 36px;

              p {
                margin: 0;
                font-size: 14px;
                padding-bottom: 14px;
                &:nth-child(1) {
                  color: #1b213b;
                  width: 85px;
                  margin-right: 28px;
                }
                &:nth-child(2) {
                  color: #5b5b5b;
                }
              }

              .address-font {
                width: 36%;
              }

              &:last-child {
                p {
                  &:nth-child(2) {
                    color: #0052d9;
                    text-decoration: underline;
                    cursor: pointer;
                    span {
                      margin-right: 10px;
                    }
                  }
                }
              }
            }
          }
        }
        .content-right-top-right {
          width: 50%;
          height: 371px;
          background: #ffffff;
          box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
          border-radius: 6px 6px 6px 6px;
          margin-left: 16px;
          position: relative;
          .input-card {
            position: absolute;
            bottom: 5px;
            right: 30px;
            .input-item {
              .btn {
                height: 32px;
                border: 1px solid #0052d9;
                color: #0052d9;
                background-color: transparent;
              }
              .btnActive {
                background-color: #0052d9;
                border: 1px solid #0052d9;
                color: #ffffff;
              }
            }
          }
        }
      }
      .content-right-bottom {
        display: flex;
        height: 371px;
        margin-top: 16px;
        .content-right-bottom-left {
          width: 40%;
          height: 100%;
          background: #ffffff;
          box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
          border-radius: 6px 6px 6px 6px;
        }
        .content-right-bottom-middle {
          width: 25%;
          height: 100%;
          margin-left: 16px;
          background: #ffffff;
          box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
          border-radius: 6px 6px 6px 6px;
          .content-right-bottom-middle-info {
            .middle-info-title {
              border-left: 4px solid #0052d9;
              margin-left: 18px;
              margin-top: 5px;
              padding-left: 9px;
              font-size: 14px;
              color: #1b213b;
            }
            .middle-info-data {
              display: flex;
              justify-content: space-around;
              dl {
                width: 30%;
                cursor: pointer;
                dd {
                  font-size: 14px;
                  color: #1b213b;
                }
                dt {
                  text-align: center;
                  font-size: 36px;
                  line-height: 42px;
                  font-weight: 600;
                  &:nth-child(1) {
                    color: #00d96d;
                  }
                }
                &:nth-child(2) {
                  dt {
                    color: #f1902b;
                  }
                }
                &:nth-child(3) {
                  dt {
                    color: #f56c6c;
                  }
                }
              }
            }
          }
        }
        .content-right-bottom-right {
          width: 35%;
          height: 100%;
          margin-left: 16px;
          background-color: #ffffff;
          box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
          border-radius: 6px 6px 6px 6px;
          .content-right-bottom-right-info {
            background: url("../../assets/images/next-plan.png") no-repeat;
            background-size: contain;
            background-position: center;
            width: 100%;
            height: 240px;
            margin: 0 auto;
            font-size: 16px;
            padding-left: 25px;
            padding-top: 15px;
          }
        }
      }
      .content-right-sp {
        width: 100%;
        height: auto;
        margin: 16px auto 0;
        background: #ffffff;
        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
        border-radius: 6px 6px 6px 6px;
        &:nth-child(1) {
          margin-top: 0;
        }
        .sp-statistics-info {
          display: flex;
          justify-content: space-around;
          padding: 20px;
          .sp-statistics-info-item {
            width: 30%;
            height: 212px;
            background-color: #fafafa;
            .item-title {
              font-weight: bold;
              font-size: 16px;
              color: #000000;
              padding-top: 16px;
              padding-left: 24px;
            }
          }
        }

        .right-sp-content {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          padding-bottom: 10px;
          .right-sp-content-left {
            display: flex;
            align-items: baseline;
            width: 40%;
            .right-sp-btn {
              @include searchBtn;
              font-size: 14px;
              margin-top: 15px;
              margin-left: 25px;
              width: auto;
              padding: 0 5px;
            }
            .area {
              font-size: 16px;
            }
          }
          .right-sp-content-right {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-right: 25px;
            width: 30%;
            .input {
              width: 50%;
              margin-left: 18px;
            }
          }
        }
        .content-table {
          padding-bottom: 25px;
          .delete {
            color: #e34d59;
          }
        }

        .screen-info {
          padding: 20px 30px 25px;
          .remark {
            display: flex;
            align-items: baseline;
            margin: 15px 0;
            p {
              margin: 0;
              &:nth-child(1) {
                width: 85px;
              }
              &:nth-child(2) {
                line-height: 20px;
                flex: 1;
              }
            }
          }
          .photo-info {
            display: flex;
            .photos {
              display: flex;
              img {
                width: 150px;
                margin-right: 15px;
              }
            }
          }
          .screen-info-item {
            padding-bottom: 15px;
          }
        }
      }
      .title {
        display: flex;
        align-items: center;
        padding-left: 24px;
        .edit {
          color: #0052d9;
          cursor: pointer;
          padding-left: 15px;
          font-size: 14px;
        }
        img {
          height: 30px;
          width: 30px;
        }
      }
    }
  }
  .type-content {
    background-color: #fafafa;
    padding: 0 20px 20px;
    height: 300px;
    overflow: auto;
    .add-type {
      width: 84.5%;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #dcdcdc;
      border: 1px dotted #dcdcdc;
      background: #fff;
      cursor: pointer;
    }
    tr {
      width: 100%;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      th {
        text-align: center;
        font-size: 14px;
        color: #505a69;
        padding: 10px 0;
        &:nth-child(1) {
          width: 35%;
        }
        &:nth-child(2) {
          width: 50%;
        }
      }
      td {
        &:nth-child(1) {
          width: 35%;
        }
        &:nth-child(2) {
          width: 55%;
        }
        &:nth-child(3) {
          width: 10%;
          img {
            width: 24px;
            height: 24px;
            cursor: pointer;
          }
        }
      }
    }
  }
  .dialog-footer {
    display: flex;
    justify-content: center;
    .el-button--primary {
      background-color: #0052d9;
    }
    .el-button {
      width: 95px;
      height: 32px;
      line-height: 10px;
    }
  }

  .smart-remind-drawer {
    position: relative;
    .title-tips {
      position: absolute;
      top: 10px;
      left: 100px;
      font-size: 12px;
      color: #88909b;
    }
    .search {
      width: 50%;
      position: absolute;
      right: 20px;
      top: 80px;
    }
    .smart-remind-content {
      .smart-btn {
        @include searchBtn;
        margin-top: 25px;
        margin-right: 20px;
        float: right;
      }
    }
  }
}
</style>
<style lang="scss">
.asset-list {
  .el-dialog__body {
    padding: 15px 20px 30px !important;
  }
}
.screen-info {
  .el-upload--picture-card i {
    font-size: 14px;
    font-style: normal;
  }
  .el-table th {
    padding: 0;
  }
}
</style>
